/* 公用 */
html body{overflow-x: hidden; overflow-y: auto; background-color:#fff; margin:0 auto; padding:0;position:relative;}
body{line-height:24px;  -webkit-font-feature-settings: 'kern' 1; -moz-font-feature-settings: 'kern' 1; text-rendering:geometricPrecision;}
.wrap{overflow:hidden;padding:20px; min-height:300px;position:relative;z-index:10;}
.content{}
.edge{position: relative; float:left; top:0; width:336px;}
.edge-fixed{position:fixed; right:24px; top:15px;}
.clear{clear:both;}

body input, body textarea{box-shadow:none;}
body .layui-layer-prompt textarea.layui-layer-input{resize: both;}
body .layui-btn{margin-right:5px !important;margin-left:0px !important; margin-bottom:5px;}
body .layui-btn:last{margin-bottom:0}
body .layui-btn.layui-btn-danger{background:#f14b4b}
body .layui-input-block{margin-left:180px;margin-right:50px;}
body .layui-form .layui-input-block ul{list-style:none;position:relative;}
body .layui-form .layui-input-block ul li{border:1px dashed #ddd; padding:4px; cursor:pointer; margin-bottom:5px;}
body .layui-form .layui-input-block ul li:hover{background:#f14b4b; color:#fff; cursor:pointer}
body .layui-form .layui-input-block ul li.selected{background:#f14b4b; color:#fff; cursor:pointer}
body .layui-form-select dl{padding:0;top:39px}
body .layui-tab{overflow:initial;}
body .layui-table .layui-form-checkbox[lay-skin=primary] {margin: 0;}
body .layui-layer-content{overflow: visible;position:relative;min-height:10px;}
body .layui-tab-content{overflow: visible;position:relative;min-height:10px;}
body .layui-show{overflow: visible}

body .layui-table td,body .layui-table th{font-size:12px !important}
body .layui-table .layui-form-checkbox[lay-skin=primary]{height:18px !important;line-height:18px !important;}
body .layui-breadcrumb{margin-bottom:10px}
body .layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th{border-bottom:1px solid #eaeaea}
body .layui-table[lay-skin=line], .layui-table[lay-skin=row]{border:none;border-top: 2px solid #dbdbdb;border-bottom: 2px solid #dbdbdb;}
body .layui-table .handle .ht_tdiv {min-width:60px;max-width:68px;padding:5px 14px;height:auto;margin:0 auto;}
.fbutton {font-size:12px;line-height:21px;color:#ec5051;background-color:#FFFFFF;height:26px;padding:2px 7px;border:solid 1px #ec5051;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:0;vertical-align:top;letter-spacing:normal;display:inline-block;cursor:pointer;margin-right:5px;}
.fbutton:hover {background:#ffe7e7;color:#ec5051}
.hbutton {padding:2px 4px;border-radius:3px;border:1px solid #e9e9e9;color:#999;margin-right:10px;font-size:12px;height:22px;line-height:18px;display:inline-block;background:#fff;}
.hbutton.btn_see:hover {color:#29c25f;border-color:#29c25f;}
.hbutton.btn_edit:hover {color:#31b4e1;border-color:#31b4e1;}
.hbutton.btn_trash:hover {color:#ec5151;border-color:#ec5151;}
/* 图标 */.explanation {padding:11px 13px;color:#707070;border-radius:5px;background-color:#f5faff;border:1px dashed #62b3ff;width:calc(100% - 28px);height:100%;margin-bottom:10px;}
.explanation .ex_tit {color:#62b3ff;position:relative;line-height:20px;margin-bottom:10px;}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1477416582'); /* IE9*/
  src: url('iconfont.eot?t=1477416582#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1477416582') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1477416582') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1477416582#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.icon-zan:before { content: "\e612"; }
.icon-jiazaizhong:before { content: "\e60e"; }
.icon-sousuo:before { content: "\e621"; }
.icon-quanpingpad:before { content: "\e61d"; }
.icon-shezhi:before { content: "\e607"; }
.icon-shijian:before { content: "\e60a"; }
.icon-guanbi:before { content: "\e614"; }
.icon-tianjia:before { content: "\e616"; }
.icon-tuichu:before { content: "\e601"; }
.icon-shui:before { content: "\e602"; }
.icon-qq:before { content: "\e618"; }
.icon-weibo:before { content: "\e617"; }
.icon-tupian:before { content: "\e608"; }
.icon-logo:before { content: "\e603"; }
.icon-daima:before { content: "\e609"; }
.icon-biaoqing:before { content: "\e60f"; }
.icon-nan:before { content: "\e619"; }
.icon-nv:before { content: "\e61a"; }
.icon-quitquanping:before { content: "\e61e"; }
.icon-zuichun:before { content: "\e61c"; }
.icon-charushuipingxian:before { content: "\e622"; }
.icon-yulan:before { content: "\e60d"; }
.icon-liulanyanjing:before { content: "\e60b"; }
.icon-touxiang:before { content: "\e604"; }
.icon-caina:before { content: "\e613"; }
.icon-room:before { content: "\e615"; }
.icon-svgmoban53:before { content: "\e610"; }
.icon-shichang:before { content: "\e600"; }
.icon-shouye:before { content: "\e605"; }
.icon-tishilian:before { content: "\e629"; }
.icon-fabu:before { content: "\e606"; }
.icon-pinglun:before { content: "\e60c"; }
.icon-zan1:before { content: "\e611"; }
.icon-chengshi:before { content: "\e61b"; }
.icon-lianjie:before { content: "\e620"; }
.icon-renshu:before { content: "\e61f"; }
.icon-huizongzuoyoutuodong:before { content: "\e623"; }
.icon-404:before { content: "\e627"; }
.icon-wenda:before { content: "\e626"; }
.icon-top:before { content: "\e624"; }
.icon-ui:before { content: "\e625"; }




/* 辅助 */
pre{padding: 10px 15px; margin: 10px 0; font-size:12px; border:1px solid #ddd; border-left-width: 6px;  background-color: #F2F2F2; font-family: Courier New; overflow: auto;}
.fly-main{position:relative; width:1000px; margin:0 auto;}
.fly-msg, .fly-error{padding:10px 15px; line-height:24px;}
.fly-msg{background-color:#F8F8F8; color:#666;}
.fly-msg a{color:#4F99CF}
.page-title{position: relative; font-size: 14px; margin: 20px 0 30px; padding: 10px 15px; line-height:30px; border-bottom:1px solid #DFDFDF;}
.edge .page-title{width:auto; margin: 0; line-height: 38px; padding: 0 15px; border: none; background-color: #f2f2f2;}
.fly-editbox{position:relative;}

.icon-touxiang{display:inline-block; color:#A9B7B7; font-size: 35px;}
.fly-error{color:#c00;}
.loading{background-image: url(../images/loading.gif); background-position: center center; background-repeat: no-repeat;}

/* 404或提示 */
.fly-none{min-height: 600px; text-align: center; padding-top:50px; color: #999;}
.fly-none .iconfont{line-height: 300px; font-size: 300px; color: #393D49;}
.fly-none .icon-tishilian{display: inline-block; margin: 30px 0 20px;}
.fly-none p{margin-top: 50px; padding: 0 15px; font-size: 20px; color: #999; font-weight: 300;}

/* 头部 */
.header{z-index: 1000; background-color:#fff; height:100%;position:relative;overflow:hidden;}
.header .main{position:relative; margin:0 auto; min-height: 0;}
.header .main_nav_cont{position: relative; }
.logo{ text-indent:-666px; background:url(../images/slogo.png) no-repeat; height:74px;position:relative; display:block;}
.nav-message{position:absolute; top:0; left: -35px; height:20px; line-height:20px; padding:0 6px; background-color:#FF7200; color:#fff;}
.nav-message:hover{color:#fff;}

/* 底部 */
.footer {margin:50px 0 0;padding:31px 0;line-height:30px;text-align:center;color:#737573;background-color:#fff;}

.footer a{padding:0 6px; font-weight: 300; color: #333;}
.footer a:hover{color: #777;}

/* 分页 */
.laypage-main,
.laypage-main *{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.laypage-main{margin: 20px 0; border: 1px solid #009E94; border-right: none; border-bottom: none; font-size: 0;}
.laypage-main *{padding: 0 20px; line-height: 36px; border-right: 1px solid #009E94; border-bottom: 1px solid #009E94; font-size: 14px;}
.laypage-main .laypage-curr{background-color:#009E94; color:#fff;}


/* 简易编辑器 */
.fly-edit{position:relative; display: block; top: 1px; left:0; padding:0 10px; border: 1px solid #e6e6e6; border-radius: 2px 2px 0 0; background-color: #FBFBFB;}
.fly-edit span{cursor:pointer; padding:0 10px; line-height: 38px; color:#009E94;}
.fly-edit span i{padding-right:6px; font-size: 18px;}
.fly-edit span:hover{color:#5DB276;}

body .layui-edit-face{ border:none; background:none;}
body .layui-edit-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}

/* Tab */
.fly-tab{position:relative; margin-bottom:20px;}
.fly-tab span,
.fly-tab span a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.fly-tab span{border:1px solid #009E94; border-right:none; font-size:0;}
.fly-tab span a{ height: 36px; line-height: 36px; padding: 0 20px; border-right:1px solid #009E94; font-size:14px;}
.fly-tab .tab-this{background-color:#009E94; color:#fff;}

/* 右侧 - 雷锋榜 */
body .leifeng-rank{width:110%; margin-top:10px; margin-bottom: 5px;}
body .leifeng-rank span a{width:78px; height:98px; margin: 0 8px 10px 0;}
body .leifeng-rank span a img{width: 78px; height: 78px; border-radius: 100%;}

/* 右侧 - 热门技术直播房 */
.room-rank{margin-bottom:15px;}
.room-rank li{margin-bottom:10px;}
.room-rank .detail-about .jie-user cite{top:0; color:#666;}
.room-rank .detail-hits{bottom:0;}

/* 友链 */
.fly-link{margin-top: 20px; padding: 20px; line-height: 26px; background: #f2f2f2;}
.fly-link span{color: #c00;}
.fly-link a{padding-right: 10px;}

/* 搜索 */
.fly-search{position:relative; margin-left:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.fly-search input{padding-right: 30px;}
.fly-search .icon-sousuo{position:absolute; right:10px; top:10px; color:#999; cursor:pointer;}

/* 用户中心 */
.fly-form-app{margin-top:30px;}
.fly-form-app .iconfont{font-size:26px; padding: 0 5px;}
.fly-form-app .icon-qq{color:#7CA9C9}
.fly-form-app .icon-weibo{color:#E6162D}

.user-tab{margin:20px 0;}
.user-about{position:relative; padding:0 0 0px 20px; border-left:1px solid #DFDFDF; text-align:center;}
.user-about .user-avatar{width:100px; height:100px; border-radius:100%;}
.user-about p{line-height:30px;}
.user-about p span{padding:0 5px; color:#999;}
.user-looklog{margin-top:20px; text-align:left;}
.user-looklog h3{margin-bottom:10px;}
.user-looklog span{font-size:0;}
.user-looklog span a{position:relative; width:70px; height:90px; margin:0 5px 5px 0; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.user-looklog span a img{width:70px; height:70px;}
.user-looklog span a cite{display: none; position:absolute; bottom: 20px; left: 0; width:100%; height:20px; line-height:20px; text-align:center; background-color:rgba(0,0,0,.2); color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.user-looklog span a:hover cite{display: block;}
.user-looklog span a i{position:absolute; bottom: -5px; left: 0; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal;}

.mine-view{display:none;}

/* 个人主页 */
.fly-home{position: reltive; padding: 30px 0 98px; text-align: center; background-color: #f2f2f2;}
.fly-home img{width:120px; height:120px; border-radius:100%;}
.fly-home h1{font-size:26px; line-height:30px; margin-top:10px;}
.fly-home h1 span{font-size:14px; color:#999;}
.fly-home h1 .icon-nan{color:#4EBBF9}
.fly-home h1 .icon-nv{color:#F581B1}
.home-nav{margin: 20px 0; text-align:center; font-size:0;}
.home-nav a{position:relative; padding:0 30px;  display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:18px; color:#666;}
.home-nav a:first-child::before{display:none;}
.home-nav a::before{content:''; position:absolute; left:0; top:5px; width:1px; height:16px; background-color:#ccc;}
.home-left{width:680px; float:left;}
.home-left h2{line-height:40px; margin-bottom:15px; padding:0 10px; background-color:#FAFAFA;}
.home-right{width:300px; float:right;}
.home-info{padding:20px 0; background-color:#FAFAFA;}
.home-info li{padding:0 20px; line-height:30px;}
.home-info li i{padding-right:10px; color:#666;}
.home-info li span{color:#999;}

/*.home-jieda li{margin-bottom:20px; padding-bottom:10px; line-height:24px; border-bottom: 1px dotted #DFDFDF;}*/
.home-jieda li{ margin-bottom:20px; line-height:24px;}
.home-dacontent{margin-top:10px; padding:10px 15px; background-color:#F2F2F5; border-radius:5px;;}
.home-dacontent pre{ background-color:#F2F2F5;}
.home-dacontent img{max-width:100%;}
.home-jieda li a{padding:0 5px; color:#4F99CF;}
.home-jieda li p{color:#999;}
.home-jieda li p span{padding-right:5px;}

/* 我的消息 */
#LAY-minemsg{min-height:420px;}
.mine-msg li{position:relative; margin-bottom: 15px; padding: 10px 0 5px; line-height:24px; border-bottom:1px dotted #E9E9E9}
.mine-msg li cite{padding:0 5px; color:#4F99CF;}
.mine-msg li i{color:#4F99CF; padding-right:5px;}
.mine-msg li>p{position: relative; margin-top: 5px; line-height: 26px; text-align: right;}
.mine-msg li>p span{position: absolute; left: 0; top: 0; color:#999;}
.mine-msg li .fly-delete{display: inline-block; height: 26px; line-height: 26px; margin-left: 20px; padding: 0 10px; border-radius: 3px; background: none; color: #c00}

/* 设置 */
.avatar-add{position:relative; width:373px; height:373px; background-color:#F2F2F5;}
.avatar-add .upload-img{position:absolute; left:50%; top:35px; margin:0 0 0 -60px;}
.avatar-add img{position:absolute; left:50%; top:50%; width:168px; height:168px; margin:-50px 0 0 -84px; border-radius:100%;}
.avatar-add .loading{display:none; position:absolute; width:100%; height:100%; left:0; top:0; padding: 0; background-color:#000; opacity:0.5; filter: Alpha(opacity=50);}
.avatar-add p{position:absolute; top:70px; width:100%; margin-top: 10px;; font-size:12px; text-align:center; color:#999;}
.app-bind li{margin-bottom:10px; line-height:30px; color:#999;}
.app-bind li .iconfont{position: relative; top: 3px; margin-right: 5px; font-size:28px; }
.app-bind .app-havebind{color:#333;}
.app-bind .app-havebind .icon-qq{color:#7CA9C9}
.app-bind .app-havebind .icon-weibo{color:#E6162D}

/* Detail页 */
.detail h1{font-size: 24px; line-height: 30px; padding: 5px 0;}
.detail-about{position:relative; margin-top:5px; line-height:20px; background-color: #F2F2F2; padding: 15px; color:#999;}
.detail-about span,
.jie-about span,
.detail-about .jie-user{margin-right:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.detail-about .jie-status, .detail-about .jie-status-ok{color:#fff;}
.detail-about .fly-jing{padding:0 6px; background-color:#c00; color:#fff;}
.detail-about .jie-user{position:relative;}
.detail-about .jie-user cite{top: -3px; left: 56px; width: 260px; color: #4f99cf; font-size: 14px;}
.detail-about .jie-user cite em{padding-left:5px; color:#999; cursor:default; font-size:12px; font-style: normal;}
.detail-about .jie-user img{position: relative; display: block; margin: 0; top: 0; border-radius: 100%;}
.detail-hits{position:absolute; left: 71px; bottom: 15px;}
.detail-hits span{margin-top:0;}
.detail-body{margin: 20px 0 50px; min-height: 200px; line-height:26px; font-size:16px;}
.detail-body p{margin-bottom:15px;}
.detail-body a{color:#4f99cf;}
.detail-body img{max-width: 100%; cursor: crosshair;}
.detail-body table{margin:10px 0;}
.detail-body table thead{background-color:#f2f2f2;}
.detail-body table th, 
.detail-body table td{padding:5px 20px; border:1px solid #DFDFDF; font-size:14px; font-weight: 400;}
.detail-about-reply{background: none; padding: 0;}
.detail-about-reply .detail-hits{left: 56px; bottom: 0;}
.detail .page-title{ border: none; background-color: #f2f2f2;}

/* 求解 */
.jie-row li{position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #E9E9E9; font-size:0;}
.jie-row li *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; line-height: 24px; font-size:12px;}
.jie-row li span{height: 24px; line-height: 24px; padding: 0 10px; margin-right: 10px; background-color: #DADADA; color:#fff; font-size:12px;}
.jie-row li .fly-stick{background-color:#393D49;}
.jie-row li .fly-jing{background-color:#CC0000;}
.jie-row li .jie-status{margin:0 10px 0 0;}
.jie-row li .jie-status-ok{background-color:#8FCDA0;}
.jie-row li a{ padding-right:15px; font-size:14px;}
.jie-row li cite{padding-right:15px;}
.jie-row li i, .jie-row li em, .jie-row li cite{font-size:12px; color:#999; font-style: normal;}
.jie-row li .mine-edit{margin-left:15px; padding:0 6px; background-color: #8FCDA0; color:#fff; font-size:12px;}
.jie-row li em{position:absolute; right:0; top:0;}
.jie-row li .jie-user{}
.jie-row li .jie-title{max-width:350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jie-row li .jie-user img{position:relative; top: 16px; width: 35px; height: 35px;}

.jie-add{position:absolute; right:0; top:0; font-size:14px;}
.jie-list li h2 span{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.jie-list li{position:relative; margin-bottom:0; padding:10px 0 10px 60px; border-bottom:1px dotted #E9E9E9}
.jie-user img{position:absolute; left:0; top:50%; width:46px; height:46px; margin-top:-23px;}
.jie-user cite{position:absolute; right:0; top:10px; line-height:26px; color:#999;}
.jie-user cite i{font-style: normal;}
.jie-list li h2{margin-right:80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jie-list li h2 a{font-size:16px; line-height:28px;}
.jie-list li h2 span{position:relative; top:4px; height:20px; line-height:20px; padding:0 10px; margin-left:10px; font-size:12px; background-color:#393D49; color:#fff; }
.jie-list li h2 .fly-jing{padding:0 6px; background-color:#c00;}
.jie-about{position:relative; margin-top:5px; line-height:26px; font-size:0; color:#666;}

.jie-status{line-height:20px; margin-top:3px; padding:0 8px; background-color:#ccc;}
.jie-status-ok{background-color:#8FCDA0;}
.jie-about .jie-status, .jie-about .jie-status-ok{color:#fff;}
.jie-about span{color:#999;}
.jie-about .jie-hits{position:absolute; right:0; top:0; margin:0;}
.jie-hits *{padding-left:15px;}

.jie-form{width:860px;}
.jie-form .jie-addexp{margin-left:15px;}
.jie-form .jie-addexp span{color:#FF7200;}
.jie-form .jie-addexp .layui-form-sltitle{width:55px;}
.jie-form .jie-addexp li a{min-width:87px;}


/* 求解管理 */
.jie-admin{cursor:pointer;}
.detail-hits .jie-admin{background-color:#5FB878; color:#fff; padding:0 10px; }
.detail-hits .jie-admin a{color:#fff;}
.jieda-admin{position:absolute; right:0; top:0;}

/* 回答 */
.jieda{margin-bottom: 30px;}
.jieda li{position:relative; padding: 20px 0 10px; border-bottom:1px dotted #DFDFDF;}
.jieda .fly-none{height: 50px; min-height: 0; padding: 50px 0 30px;}
.jieda .icon-caina{position:absolute; right:10px; top:15px; font-size:60px; color: #58A571;}

.jieda-body{margin: 25px 0 20px; min-height: 0; line-height: 24px; font-size:14px;}
.jieda-body p{margin-bottom: 10px;}
.jieda-body a{color:#4f99cf}
.jieda-reply{position:relative;}
.jieda-reply span{padding-right:20px; color:#999; cursor:pointer;}
.jieda-reply span:hover{color:#666;}
.jieda-reply span i{margin-right:5px; font-size:16px;}
.jieda-reply span em{font-style: normal;}
.jieda-reply span .icon-zan{font-size: 22px;}
.jieda-reply .zanok,
.jieda-reply .jieda-zan:hover{color:#c00}
.jieda-reply span .icon-svgmoban53{position:relative; top:1px;}


/* 广告 */
.fly-ad{position: relative; background-color: #f2f2f2; overflow:hidden;}
.fly-ad:before{content: '广告位'; position: absolute; z-index: 0; top: 50%; left: 50%; left: 50%; margin: -10px 0 0 -25px; color: #aaa; font-size: 18px; font-weight: 300;}
.fly-ad div{position: relative; z-index: 1;}

/* 右下角bar */
.fly-rbar{position: fixed; z-index:9999; right: 20px; bottom: 20px; width:50px;}
.fly-rbar li{height: 50px; line-height: 50px; margin-bottom: 1px; text-align:center; cursor: pointer; font-size:26px; background-color: #009E94; color:#fff;}
.fly-rbar li:hover{opacity: 0.8;}
.fly-rbar li.icon-top{display:none; font-size:40px;}

/* Tip标签 */
.fly-tip{position: relative;}
.fly-tip span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.fly-tip span{height: 20px; line-height: 20px; padding: 0 5px; background-color: #999; color: #fff; font-size: 12px;}
.fly-tip .fly-tip-stick{background-color: #393D49;}
.fly-tip .fly-tip-jing{background-color: #c00;}
.fly-tip .fly-tip-jie{background-color: #8FCDA0;}

/* 新版列表 */
.fly-list .fly-list-li{position: relative; height: 45px; margin-top: 8px; padding: 0 0 8px 60px; border-bottom: 1px solid #E9E9E9;}
.fly-list-li .fly-list-avatar{position: absolute; left: 0; top: 0;}
.fly-list-li h2{line-height: 26px; font-size: 0;}
.fly-list-li h2 *{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.fly-list-li h2 a{max-width: 86%; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.fly-list-li h2 span{position: relative; top: 3px; margin-left: 5px;}

.fly-list-li a:hover{color: #009E94; text-shadow: 1px 1px 0 rgba(0,0,0,.1);}
.fly-list-li p{position: relative; line-height: 20px; font-size: 12px; color: #999;}
.fly-list-li p span{padding-right: 15px;}
.fly-list-li p span a{color: #999;}
.fly-list-avatar img{width: 45px; height: 45px; border-radius: 100%;}

.fly-list-hint{position: absolute; right: 0; top: 0;}
.fly-list-hint i{padding-left: 10px; color: #ccc;}

/* 单行列表 */
.fly-list-one{margin: 10px 0;}
.fly-list-one li{line-height: 26px; white-space: nowrap; overflow: hidden; list-style: decimal-leading-zero inside; *list-style-type: decimal inside; color: #009E94; font-style: oblique;}
.fly-list-one li a,
.fly-list-one li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-style: normal}
.fly-list-one li a{max-width: 72%; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.fly-list-one li span{font-size: 12px; color: #ccc;}

/* 新版Detail */
.fly-detail-hint{margin: 5px 0 15px;}

/*! 全屏风格 */
.main{overflow:hidden;margin: 0 auto 15px;}
.content{}
.jie-row li .jie-title{max-width:70%;}

/* 头部 */
.icon-touxiang{font-size: 60px;}

.nav-user{width:100%;}
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar cite,
.nav-user .nav{display:block; *display:block; text-align:center;}
.nav-user span{top: 0;}
.nav-user span a{padding:0 6px;}
.nav-user .unlogin{margin-right: 0;}
.out-login{margin-left:0; margin-top:20px;}
.out-login a{ padding:0 5px;}
.nav-user .nav{position:relative; margin-left: 0; margin-top: 15px;}

.avatar img{width:60px; height:60px;}
.avatar cite{margin-left: 0; margin-top:10px; }
.avatar i{margin-left: 0;}

.nav-message{left: auto; right: 10px;}

.main .subnav{background:#f14b4b;height:45px; width:100%;position:relative; 
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.main .subnav ul{position:relative;}
.main .subnav ul li{position:relative;height:45px; line-height:45px;color:white;float:left;cursor:pointer;}
.main .subnav ul li:hover{background-color: rgba(0,0,0,0.2);}
.main .layui-nav{background:#f14b4b;color:#fff;}
.main .layui-nav .layui-nav-item a{color:#fff}
.main .layui-nav .layui-this:after{background:transparent;}
.main .layui-nav li.layui-this{background-color: rgba(0,0,0,0.2);height:45px;top:0!important}
.main .layui-nav .layui-nav-bar{display:none}
.main .layui-nav .layui-nav-more{top:20px;border-color:#fff transparent transparent;right:13px;}
.main .layui-nav .layui-nav-mored{top:14px;border-color: transparent transparent #fff;}

.main .layui-nav .layui-nav-child{background:#be3434;border:0;color:#fff;top:45px;border-radius:0;padding:0}
.main .layui-nav .layui-nav-child dd a:hover {background-color:rgba(0,0,0,0.2);}
.main .wrap {border:2px dashed #e0e0e0;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.main .subnotice {margin-bottom:10px;background:#fff;position:relative;z-index:10;border-left:1px dashed #e0e0e0;border-right:1px dashed #e0e0e0;border-bottom:1px dashed #e0e0e0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.main_nav_cont .nav {border:1px solid #E0E0E0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.main_nav_cont .nav .layui-nav-tree {width:100%}
.main_nav_cont .nav .layui-nav-itemed>a,.main_nav_cont .nav .layui-nav-tree .layui-nav-title a,.main_nav_cont .nav .layui-nav-tree .layui-nav-title a:hover {background:#F5F5F5 !important;color:#444 !important;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}

.main_nav_cont .nav .layui-nav{ background:#fff}

/** 后台通用 **/
.site-title {margin:30px 0 20px;}
.site-title fieldset {border:none;padding:0;border-top:1px solid #eee;}
.site-title fieldset legend {margin-left:20px;padding:0 10px;font-size:22px;font-weight:300;}
/** 后台首页 **/

/**后台左侧导航**/
.layui-nav-tree .layui-nav-child a{color:#666 !important}

/** 表格 **/
.table-scrollable{position:relative;overflow-x:auto;}
.portlet{position:relative}
.portlet .portlet-title{position:relative; margin-bottom:10px; clear:both; visibility: visible; min-height:30px;}
.portlet .portlet-title::after{clear:both;}
.portlet .portlet-title .actions{float:left;width: calc(50%); position:relative;}
.portlet .portlet-title .filter{float:right;position:relative;}
.portlet .portlet-title .filter .oneselect {display:inline-block;margin-left:10px;margin-bottom:10px;}
.portlet .portlet-title .filter .oneselect .title {float:left;line-height:32px;}
.portlet .portlet-title .filter .oneselect .select_box {float:left;line-height:32px;}
.portlet .portlet-title .filter .oneselect .select_box select {min-width:100px;}
.portlet .portlet-body{position:relative;overflow-x:auto;overflow-y:hidden;}

/** Builder **/
.oneselect {display:inline-block;margin-left:10px;margin-bottom:10px;}
.oneselect .title {float:left;line-height:30px;}
.oneselect .select_box {float:left;line-height:30px;}
.oneselect .select_box select {min-width:100px;}
.oneselect .layui-form-select dl {top:30px;border-radius:0;padding:0;}
.oneselect .layui-input {height:30px;line-height:30px;width:100px}
/* 拖动排序列表 */
.dragsort {}
.edit_sort {display:inline-block;border:1px solid #cdcdcd;color:#404040;line-height:35px;width:20%;height:376px;}
.edit_sort span {background:#EEEEEE;width:100%;display:inline-block;font-weight:bold;text-indent:10px;border-bottom:1px solid #cdcdcd;margin-bottom:5px;}
.edit_sort ul {padding:0 5px;overflow-y:scroll;height:334px;}
.edit_sort_l {float:left;margin-right:20px;}
.tab2 p {margin-bottom:10px;font-weight:bold;text-indent:15px;}
.dragsort li {margin-bottom:5px;padding:0 6px;height:30px;line-height:30px;border:1px solid #eee;background-color:#fff;overflow:hidden;}
.dragsort li em {font-style:normal;}
.dragsort li b {display:none;float:right;padding:0 6px;font-weight:bold;color:#000;}
.dragsort li:hover b {display:block;}
.dragsort .draging-place {border-style:dashed;border-color:#ccc;}


/**page分页**/
.pagination {position:relative;overflow:hidden;margin:10px 0;}
.pagination li {padding:0 8px;background-color:#fff;margin-right:3px;float:left;height:23px;line-height:23px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #ddd;border-top-color:#bbb;}
.pagination li:hover {padding:0 8px;border:1px solid #eee;background-color:#eee;color:#666;text-decoration:none}
.pagination li.active {padding:0 8px;border:1px solid #488fcd;background-color:#488fcd;color:#fff;margin-right:3px;float:left;height:23px;line-height:23px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.pagination li.active a {color:#fff;}


/**用户样式**/
.layui-container .thisLoginon {padding-top:10px;padding-bottom:10px;padding-right:60px;_padding-right:54px;line-height:2.3;zoom:1;float:right;}
.layui-container .thisLoginon select {border-color:#ddd;}
.layui-container .thisLoginon .avt {display:inline;margin-right:-60px;}
.layui-container .thisLoginon .avt img {padding:2px;width:50px;height:50px;background:#FFF;border:1px solid;border-color:#F2F2F2 #eee #eee #F2F2F2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.layui-container .thisLoginon p {text-align:right;line-height:25px;height:25px;}
.layui-container .thisLoginon .pipe {margin:0 5px;color:#CCC;}
.layui-container .thisLoginon p a {display:inline-block;line-height:25px;height:25px;font-size:12px;}
.layui-container .avatar_nickname {font-weight:bold;}
.layui-container .thisLoginon p .role_class {border:none;}
.layui-container .thisLogin {padding-top:10px;line-height:2.3;zoom:1;}
.layui-container .thisLogin .avt {display:inline;margin-right:-60px;}
.layui-container .thisLogin p {text-align:right;}
.layui-container .pull-right,.layui-container .fr {float:right;}
.layui-container .pull-left,.layui-container .fl {float:left;}
/**上传按钮样式***/.layui-upload-button {position:relative;display:inline-block;vertical-align:middle;min-width:60px;height:38px;line-height:38px;border:1px solid #DFDFDF;border-radius:2px;overflow:hidden;background-color:#fff;color:#666;}
.layui-upload-button:hover {border:1px solid #aaa;color:#333;cursor:pointer;}
.layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button {outline:0;-webkit-transition:border-color .3s cubic-bezier(.65,.05,.35,.5);transition:border-color .3s cubic-bezier(.65,.05,.35,.5);-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}


/*** page **/
.list-page {float:right;color:#7c7c7c;margin-right:5px;padding:5px 0;}
.list-page-count {float:left;color:#7c7c7c;}


/** 炫彩 **/
div.bgSelector { width: 100%; text-align: left; display: none; }
div.bgSelector div#bgColorSelector { width: 100%; overflow: hidden; }
div.bgSelector div#bgColorSelector #bscParent { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 9998; }
div.bgSelector div#bgColorSelector #bscParent #bscDrag img { position: relative; z-index: -1; width: 47px; height: 35px; cursor: ew-resize }
div.bgSelector div#bgColorSelector #bscParent #bscDrag { position: absolute; left: 0; float: left; z-index: 9999; }
div.bgSelector div#bgColorSelector #bscParent #bscDrop { width: 100%; margin: 0; padding: 0; }
div.bgSelector div#bgColorSelector #bscParent #bscDrop td { margin: 0; padding: 0; }
div.bgSelector div#bgColorSelector #bscParent #bscDrop td span { display: block; width: 100%; }

/* 适配 */
@media screen and (max-width: 2000px){
	html body{margin-left:0;}
}
@media screen and (max-width: 1800px){
	html body{margin-left:0;}
}
@media screen and (max-width: 1600px){
	html body{margin-left:0;}
}
@media screen and (max-width: 1440px){
	html body{margin-left:0;}
}
@media screen and (max-width: 1024px) {
	html body{margin-left: 0;}
	.logo{left: 10px;}
	.main, .footer{width: auto; }
	.content{margin: 0;}
	.edge{display:none}
	img{max-width: 100%;}
}

@media screen and (max-width: 750px) {
  html body{margin-left:0;}

  body .layui-form-label{text-align:left;padding-left:0;width:100%;margin:0;}
  body .layui-input-block{width:100%;margin:0;}
  body .layui-input-inline{width:100% !important;margin:0 !important;}
  body .layui-form-mid{width:100% !important;margin:0 !important;}
  .edge{display: block;}
  
  .fly-tab,
  .fly-search,
  .nav-user .unlogin,
  .nav-user .avatar,
  .nav-user>span,
  .fly-list-li h2 span,
  .fly-list-hint{display:none;}
  
  .nav-user{top: 18px;}
  .nav-user .out-login{display: block; margin-right: 15px;}
  .fly-list-li h2 a{max-width: 100%;}
  .fly-list-one li{margin: 0 10px;}
  
  .detail-hits{}
  .fly-detail-hint .fly-list-hint{display: block; top: 1px;}
  .fly-edit span{padding: 0 6px;}

  .jie-add{position: relative; display: inline-block;}
  .laypage-main a, .laypage-main span{display: none;}
  .laypage-main .laypage-prev, 
  .laypage-main .laypage-next{display: inline-block;}
}
@media screen and (min-width: 1200px){
	body .layui-form-label{width:150px}
	body .layui-form-item .layui-input-inline{min-width: 290px}
}